@charset "UTF-8";
.container,.container-middle,.wrap{padding-right: 15px;padding-left: 15px;margin:0 auto;}
/* @media (min-width: 768px) {
	.wrap,.container,.container-middle{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.container-middle{width: 970px;}
} */
@media (min-width: 1260px) {
 	.wrap,.container,.container-middle{ width: 1230px;}
}
@media (min-width: 1460px) {
.container-middle,.container{ width: 1430px;}
}
@media (min-width: 1920px) {
  .container-middle{ width: 1430px;}
  .container{width: 1430px;}
}


/*header*/
.header{position: fixed;top: 0;left: 0;width: 100%;height: 170px;border-bottom: 1px solid rgba(255,255,255,.2);z-index: 5000;background: #fff;transition: ease .5s;min-width: 1200px;}
.header .logo{ display: block; float: left; position: relative; z-index: 1200;margin: 21px 0 20px;}
.header .logo img{ width: 136px; height: 69px;}
.header .logo p{font-size: 14px;line-height: 28px;color: #fff;font-weight: bold;}
.header-top{/* transition: ease .5s; */}
.header-slogan{position: relative;float: left;padding-left: 22px;margin-left: 27px;margin-top: 27px;}

.header-slogan::before{position: absolute;content: "";width: 1px;height: 75px;background: #d2d2d2;left: 0;top: 50%;transform: translateY(-50%);}
.header-slogan h4{font-size: 22px;line-height: 30px;color: #333;font-weight: bold;}
.header-slogan h6{font-size: 16px;line-height: 30px;color: #525252;}

.header-slogan h6 span{transform: translateY(2px); display: inline-block;font-size: 22px;line-height: 25px;padding: 0 5px 0 7px;margin-right: 7px; color: #fff;font-family: "Roboto-Medium";border-radius: 5px;background: #223971;}
.header-call{margin: 29px 0 25px; float: right;position: relative;padding-right: 70px;}
.header-call::before{position: absolute;content: "";width: 50px;height: 50px;background: url(../images/head-call.png)no-repeat center;background-size: 100% 100%; bottom: 0px;right: 0;}
.header-call h3{font-size: 24px;line-height: 30px;color: #333; font-family: "OPENSANS-BOLD";}
.header-call p{margin-top: 2px; font-size: 14px;line-height: 24px;color: #666;text-align: right;}
.header-bj{float: right;margin: 31px 0 29px;margin-left: 38px; width: 140px;height: 50px;border-radius: 50px;background: #223971;text-align: center;transition: ease .5s;}
.header-bj:hover{background-color: #316bff;}
.header-bj a{display: block;font-size: 19px;line-height: 50px;color: #fff;padding: 0 10px;}
.header-bot{background: #1b1b1b;}

.header-right{float: right;}
.ny-top{background: #fff;}
.ny-top .header-language a:hover{color: #F0BB44;}
.header-search{float: left;margin: 19px 0;position: relative;margin-left: 0;}
.bt-search{ position: relative;  border: none; background: none;  float: left; width: 30px; height:22px; line-height: 18px; cursor: pointer;  transition: .5s;z-index: 10;}
.bt-search .sub-bot {  display: block;  width: 14px; height: 22px; line-height: 15px;  background: transparent; border: none; position: absolute;  z-index: 3; cursor: pointer; background: url(../images/icon-search.png) no-repeat center transparent; padding-right: 30px;}
.searchop .search-all{  z-index: 10; opacity: 1; visibility: visible;}
/* .searchop .bt-search{display: none;} */
.search-all{ position: absolute; right: 0; top: 0; width: 300px; height: auto;z-index: -1; opacity: 0;visibility: hidden; transition: all .2s;}

.search-all .search-box{  position: relative; height: 36px; margin-top: 38px;background: #fff;}
.searchop .search-all .search-box{ animation: searchform-fade 400ms both;}
.searchop .search-all form{ animation: searchform-slide 1s both; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.search-all .search-box .search-txt{ color: #333; line-height: 34px;  width: 44px;  text-align: center;cursor: pointer; transition: all .3s ease-out;}
.search-all .search-box .search-txt i{font-size: 20px!important;}
.search-all .search-box .search-txt.left{ float: left;}
.search-all .search-box .search-inp{  margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px;}
.search-all .search-box .search-inp input{  font-size: 16px; line-height: 36px; color: #333; width: 100%; border-radius: 5px;}
.searchop .search-close{  opacity: 1;  transition: all .2s ease-out 0s;}
.search-all .search-box .search-close{  width: 44px; height: 36px; font-size: 16px; color: #333;line-height: 36px; text-align: center; cursor: pointer; position: absolute;  top: 0;   right: 0;  opacity: 1;}
.searchop .search-close:hover{}
.searchshow .top2-bu a{-webkit-animation: item-searchshow .4s both;   animation: item-searchshow .4s both;}
.language{float: right;position: relative;margin-top: -3px;}
.header.on .language{}
.language-text{display: block;color: #fff;line-height:36px;font-family: "gadugi";font-size: 20px; padding:0 4px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-text .icon-down{ display:block;float: right; vertical-align: middle;font-size: 14px; margin-left: 5px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;}
.language-list{position: absolute;top:100%;right: 0;z-index: 10;background: #fff;padding:0px 0;-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);opacity: 0;visibility: hidden;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.language-list a{display: block;padding:10px 20px;font-family: "gadugi";font-size: 20px; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-list a:hover{color: #223971}
.language:hover .language-text{color: #223971;}
.language:hover .language-text .icon-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.language:hover .language-list{opacity: 1;visibility: visible;}

.header.on  .navitem.nav-aft::before{display: none;}
.header-navbar{}
.navbar{float: left;transition: ease .5s;margin: 0 -27px;}
.navitem{float: left;padding: 0 27px;}
.navitem>a{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	line-height: 60px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: transparent;
	padding: 0px 10px;
	position: relative;
}
.navitem>a::before{position: absolute;content: "";width: 0px;height: 3px;background: #316bff;left: 50%;bottom: 0%;transform: translateX(-50%);transition: ease .5s;}



.navitem:hover>a::before,
.navitem.active>a::before{width: 100%;}

.navitem>a span{width: 0;height: 18px;display: inline-block;transition: ease .5s;opacity: 0;text-align: center;margin-right: 10px;}
.navitem>a span img{display: block;max-width: 100%;margin-top: 3px;}

.navitem.active>a span{width: 18px;opacity: 1;}
.navitem.nav-aft{position: relative;}
.navitem.nav-aft::before{content: "";position: absolute;width: 65px;height: 36px;background: url(../images/nav-aft_03.png)no-repeat center top;top: -36px;left: 30%;}

/*header -end*/

/*footer*/
.footer{background: #1f1f1f;}
.bottom1{padding: 49px 0 22px;}
.bottom2{padding: 28px 0 0;border-top: 1px solid rgba(255,255,255,.2);}
.bottom2 a{display:inline-block;font-size: 16px;line-height: 24px; color: rgba(51,51,51,0.6);transition: .5s;position: relative;}
.bottom2 a i{font-style: normal;margin: 0 10px;}

.bottom2 a.link-ctm::after{display: none;}
.bottom2 a:hover{color: #fff;}
.bottom2 .left{float: left;padding: 2px 0;}
.bottom2 .right{float: right;}
.bottom2 .left p{float: left;font-size: 16px;line-height: 24px;color: rgba(51,51,51,0.6);margin-right: 30px;}
.bottom2 .left span{display: inline-block;font-size: 16px;line-height: 24px;color: rgba(51,51,51,0.6);}
.bottom2 .right a{float: left;}
.bottom2-img{display: inline-block;float: right;}
.bottom-lx{float: left;}
.bottomlx-txt{}
.bottom-lx h3{font-size: 48px;color: #333;line-height: 50px;}
.bottom-contact{float: right;width: 310px;}
.bottom-contact h3{font-size: 30px;line-height: 40px;padding-left: 36px; color: #223971; font-family: "DINMITTELSCHRIFTSTD";position: relative;display: inline-block;}
.bottom-contact h3::before{position: absolute;content: "";width: 29px;height: 22px;background: url(../images/bottom-ph.png)no-repeat center;background-size: 100% 100%;top: 50%;left: 0;transform: translateY(-50%);}
.bottom-contact p{font-size: 16px;line-height: 26px;color: rgba(51,51,51,.6);}
.bottom-contact p i{font-style: normal;float: left;}
.bottom-contact p span{float: left;max-width: 84%;}
.bottom-lx ul{float: right;}
.bottom-lx li{font-size: 16px;line-height: 30px;color: rgba(230,197,156,0.5);}
.bottom-ul{}
.bottom-ul ul{margin: 0 -40px;}
.bottom-ul ul li{float: left;padding: 0 40px;}

.bottom1-contact li{display: block;font-size: 16px;line-height: 30px;color: rgba(51,51,51,.6);transition: ease .5s;}
.bottom-ul ul li a{font-size: 18px;line-height: 36px;color: #fff;}

.bottom-ul ul li a:hover{color: #306bf7;}
.bottom-ul ul li:first-child a:hover{color: #306bf7;}

.bottom1-ewm{float: right;}
.bott-share{text-align: center;margin-top: 5px;}
.bott-share a{display: inline-block !important; background: none !important;font-size: 24px !important;width: 34px !important;height: 34px !important;line-height: 34px !important;text-align: center;border-radius: 50% !important;color: #908a88 !important;transition: ease .5s !important;padding-left: 0 !important;text-decoration: none !important;margin: 0 3px !important;}
.bott-share a:hover{color: #e6c59c !important;opacity: 1 !important;}
.bott-share a::after{display: none !important;}
.bottom2-con{position: relative;padding: 39px 0 46px; padding-right: 200px;}
.bottom2-contact{}
.bottom2-contact ul{margin: 0 -20px;}
.bottom2-contact li{float: left;padding: 0 20px;}
.bottom2-contact li>div{}
.botcontact-icon{margin-top: -6px; width: 50px;height: 50px;line-height: 49px;border: 1px solid #909595; border-radius: 50%;float: left;text-align: center;}
.botcontact-icon img{}
.botcontact-h4{margin-left: 50px;font-size: 0;padding-left: 10px;}
.botcontact-h4 span{display: inline-block; font-size: 16px;line-height: 38px;color: #bfbfbf;}
.botcontact-h4 d{display: inline-block;font-size: 16px;line-height: 38px;color: #fff; font-family: "DINPro-Bold";}
.bottom2-bean{font-size: 0;margin-top: 39px;}
.bottom2-bean span{display: inline-block;font-size: 14px;line-height: 24px;color: rgba(191,191,191,.5);}
.bottom2-bean span a{display: block;font-size: 14px;line-height: 24px;color: rgba(191,191,191,.5);}
.bottom1-ewm{padding: 52px 31px 10px; width: 170px;height: 203px;text-align: center;position: absolute;right: 0;bottom: 0;}
.bottom1-ewm::before{position: absolute;content: "";width: 100%;height: 100%;background: url(../images/ewm-bf_13.png)no-repeat center;background-size: 100% 100%; left: 0;top: 0;}
.bottomlx-txt{}
.bottom-ewm{font-size: 0;position: relative;}
.bottom-ewm img{display: inline-block;}
.bottom-ewm p{margin-top: 5px; font-size: 16px;line-height: 30px;color: #909595;}


/*footer -end*/
/* 公共按钮样式1 */
.more{margin: 0 auto;display: block; position: relative;padding: 0 28px;width: 200px;text-align: left; height: 50px;line-height: 50px;border-radius: 50px; font-size: 16px;color: #fff;background: #316bff;}
.more span{display: block;position: relative;}
.more span::before{position: absolute;content: "";width: 10px;height: 9px;background: url(../images/more.png)no-repeat center;right: 0;top: 50%;margin-top: -4px;transition: ease .5s;}
.more:hover span::before{transform: translateX(-10px);}

/* 公共按钮样式2 */
.more2{margin: 0 auto;border-radius: 50px; position: relative;z-index: 22; width: 150px;font-size: 16px;border: 1px solid #326bff; height: 50px;overflow: hidden; display: block;text-align: center;color: white;line-height: 49px;transition: all .5s;}
.more2::before{
	position: absolute;content: '';
   top: 0;
    right: -30%;
    bottom: 0;
    left: -30%;
    z-index: -1;
    background: linear-gradient(to right, #326bff, #326bff);
    transition: opacity 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s;
    transition: transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s, opacity 0.4s linear;
    opacity: 1;
    transition-delay: 0s,0s;
    transform: translate(0, 0) skew(-60deg, 0deg);
}
.more2 span{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}

.more2:hover::before{
	opacity: 0;
	    transform: translate(400px, 0) skew(-60deg, 0deg);
}
.more2:hover{color: #326bff;transition: color 0s linear;border: 1px solid #326bff;}

/*==================================home-banner==============================*/
.home-banner{position: relative;margin-top: 170px;}
.banner-scroll{display: block;width: 49px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;z-index: 4;}
.banner-scroll img{width: 100%;}
.indbanner-vd{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;}
.indbanner-vdapp{display: none;}
.indbanner-vd source{width: 100%;height: 100%;}
.pc-banner{position: relative;}
.banner-slide{display: block;position: relative;}
.banner-slide img{width: 100%;}
.pc-banner .swiper-container{overflow-x: hidden;overflow-y: visible;}
.pc-banner .swiper-pagination{width: 100%;bottom: 30px;display: none;}
.pc-banner .swiper-pagination-bullet{border-radius: 30px;background: #fff;width: 20px;height: 6px;opacity: 1;margin: 0 5px;transition: ease .5s;}
.pc-banner .swiper-pagination-bullet-active{background: #ff9b2d;width: 40px;}
.pc-banner .swiper-button-prev,.pc-banner .swiper-button-next{display: none;}
.banner-font{position: absolute;top:50%;left:0;width: 100%;z-index: 4;transform: translateY(-50%);}
.banner-cont{ filter: alpha(opacity=0);text-align: center;position: relative;}
.banner-cont h3{font-size: 80px;line-height: 80px;color: rgba(254,254,254,.9);text-align: center;position: relative; font-family: "联盟起艺卢帅正锐黑体";}
.banner-cont h4{margin-top: 25px; font-size: 30px;line-height: 40px;color: #fff;}
.banner-mo{margin-top: 66px;}

.home-banner .swiper-slide-active .banner-cont{opacity: 1; filter: alpha(opacity=100);  transition: all .8s linear; transition-delay: .1s;}
.home-banner.app{display: none;}
.home-banner.app img{width: 100%;}
.home-appbanner{width: 100%;display: none;}
.indbanner-bf{width: 100%;height: 780px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.indbanner-bf::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);left: 0;top: 0;z-index: 3;}
.banner-img{width: 100%;}
.appbanner-img{width: 100%;display: none;}

/*home-banner -end*/
/* index */
.index-tit{color: #333;text-align: center;font-size: 0;}
.index-tit span{display: inline-block;vertical-align: top; font-size: 50px;line-height: 60px;}
.index-tit em{display: inline-block;vertical-align: top;font-size: 50px;line-height: 60px;font-weight: bold;}
.index-tit d{display: inline-block;vertical-align: top;font-size: 67px;line-height: 60px;  font-family: "DINPro-Bold";}
.index-dec{font-size: 18px;line-height: 30px;color: #666;text-align: center;margin-top: 11px;}

/* 5维定制，难题迎刃而解 */
.index-one{padding: 81px 0 0px;}
.index-one .index-dec{font-size: 20px;margin-top: 9px;}
.index-one .index-tit d{font-family: "DINPro-Medium";}
.indone-con{margin-top: 46px;position: relative;padding-bottom: 80px;}
.indone-con::before{position: absolute;content: "";width: 124px;height: 865px; background: url(../images/ind1-bf_03.png)no-repeat center;background-size: 100% 100%;left: -12px;bottom: -86px;}
.indone-nav{float: left;width: 32.14%;padding-left: 120px;}
.indone-ul{}
.indone-ul li:first-child{margin-top: 0;}
.indone-ul li{margin-top: 67px;position: relative;padding-left: 107px;padding-right: 20px;}
.indone-ul li::before{position: absolute;content: "";width: 0;height: 3px;background: #306bf7;transition: ease .5s;left: -84px;top: 50%;margin-top: -1px;}
.indone-ul li.on::before{width: 139px;}
.indone-ul li a{display: block;font-size: 22px;line-height: 30px;color: #555;transition: ease 0s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.indone-ul li.on a{font-size: 24px;color: #306bf7;font-weight: bold;}
.indone-pic{float: right;width: 67.86%;}
.indone-picul{position: relative;}
.indone-picul li{opacity: 0;position: absolute;left: 0;top: 0;width: 100%;transition: ease .5s;}
.indone-picul lia{display: block;}
.indone-picul li.on{opacity: 1;position: relative;}
.indone-picul li>div{position: relative;border-radius: 10px;overflow: hidden;}
.indone-img{position: relative;overflow: hidden;border-radius: 10px;}
.indone-img img{display: inline-block;width: 100%; border-radius: 10px;}
.indone-picul li h4{font-size: 28px;line-height: 30px;padding: 17px 22px 18px; color: #fff;position: absolute;width: 100%;background: rgba(15,20,33,.7);left: 0;bottom: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@keyframes mylast {0% {transform:rotate(0deg);} 100% {transform:rotate(-360deg);}}
@-webkit-keyframes mylast {0% {transform:rotate(0deg);} 100% {transform:rotate(-360deg);}}
/* 样品中心，满足您的多样化需求 */
.index-two{padding: 72px 0 97px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.index-two .index-tit,.index-two .index-dec{color: #fff;}

.indtwo-con{margin-top: 29px;}
.indtwo-nav{}
.indtwo-ul{font-size: 0;text-align: center;}
.indtwo-ul li{display: inline-block;position: relative;}
.indtwo-ul li::before{position: absolute;content: "";width: 1px;height: 21px;background: rgba(255,255,255,.2);right: 0;top: 50%;transform: translateY(-50%);}
.indtwo-ul li:last-child::before,
.indtwo-ul li.on::before{display: none;}
.indtwo-ul li a{display: block;padding: 15px 20px 11px; font-size: 22px;line-height: 30px;color: #fff;border-radius: 10px 10px 0 0;}
.indtwo-ul li.on a{background: #316bff;}

.intwo-bot{margin-top: 51px;}
.intwo-botli{display: none;}
.intwo-botli.on{display: block;}
.intwobt-top{}
.intwobt-left{float: left;width: 57.43%;}
.intwobt-pic{position: relative;overflow: hidden;display: block;}
.intwobt-pic:hover img{transform: scale(1.1);}
.intwobt-pic img{display: inline-block;width: 100%;transition: ease .8s;}
.intwobt-right{float: right;width: 42.57%;}
.intwobt-right h4{position: absolute;background: rgba(0,0,0,.4);padding: 10px 20px; width: 100%;left: 0;bottom: 0; font-size: 18px;line-height: 30px;color: #fff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.intwo-swiper{margin-top: 15px;position: relative;}
.intwobt-img{overflow: hidden;display: block;}
.intwobt-img h4{color:#fff;font-size:18px;line-height: 50px;text-align: center;}
.intwobt-img img{display: inline-block;width: 100%;transition: ease .8s;}
.intwobt-img:hover img{transform: scale(1.1);}
.intwo-swiper .swiper-pagination{display: none;width: 100%;}
.intwo-swiper .swiper-pagination-bullet{margin: 0 5px;}
.intwo-swiper .swiper-button-next,
.intwo-swiper .swiper-button-prev{background: none;font-size: 60px;color: #959595;opacity: 1;width: auto;height: auto;margin-top: -40px;}
.intwo-swiper .swiper-button-next:hover,
.intwo-swiper .swiper-button-prev:hover{color: #2d5fd8;}
.intwo-swiper .swiper-button-next{right: -88px;}
.intwo-swiper .swiper-button-prev{left: -88px;}




/* 6大标准，成就臻品 */
.index-three{padding: 156px 0 71px;position: relative;height: 712px;}
.index-three::before{position: absolute;content: "";width: 50%;height: 100%;background: url(../images/inthr-ba.png)no-repeat center;background-size: cover;left: 0;top: 0;}
.indthree-font{position: relative;float: left;width: 50%;padding-right: 220px;}
.index-three .index-tit,
.index-three .index-dec{color: #fff;text-align: left;}

.inthree-ul{margin-top: 74px;position: relative;}
.inthree-ul::before{position: absolute;content: "";width: 1px;height: 184px;background: rgba(255,255,255,.2);left: 50%;top: 60%;transform: translateY(-50%);}
.inthree-ul ul{margin: -49px -70px 0;}
.inthree-ul li{margin-top: 49px;padding: 0 70px; float: left;width: 50%;font-size: 0;position: relative;}
.inthree-ul li.on{}
.inthree-ul li a{display: block;padding-right: 0; position: relative; font-size: 22px;line-height: 30px;color: #fff;transition: ease .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.inthree-ul li::before{opacity: 0;transition: ease .5s; position: absolute;content: "";width: 28px;height: 28px;right: 42px;top: 50%;transform: translateY(-50%); background: url(../images/inthr-mo.png)no-repeat center;background-size: 100% 100%;}
.inthree-ul li.on a{font-weight: bold;}
.inthree-ul li.on::before{opacity: 1;}
.int-box{float: right;}
.int-li{position: absolute;right: 0;top: 0;width: 50%;height: 100%;opacity: 0; background-repeat: no-repeat;background-position: center;background-size: cover;}
.int-h4{position: absolute;width: 100%;padding: 20px 30px;background: rgba(0,0,0,.6); left: 0;bottom: 0;font-size: 28px;line-height: 30px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.int-li.on{opacity: 1;}




/* 一站式服务，合作无压力 */
.index-four{padding: 102px 0 110px;}
.ind4-con{margin-top: 54px;position: relative;}
.ind4-cent{width: 407px;height: 407px;position: relative; line-height: 407px;text-align: center; margin: 0 auto;}
.ind4-cent::before{position: absolute;content: "";width: 284px;height: 284px;background: url(../images/infou-bef.png)no-repeat center;background-size: 100% 100%;left: 50%;top: 50%;margin-left: -142px;margin-top: -142px; animation: mylast 5s linear infinite;}
.ind4-cent::after{position: absolute;content: "";width: 100%;height: 100%;background: url(../images/infou-aft.png)no-repeat center;background-size: 100% 100%;left: 0%;top: 0%;animation: myfirst 5s linear infinite;}
.ind4-pic{display: inline-block;font-size: 0;width: 155px;}
.ind4-pic img{display: inline-block;}
.ind4-ul{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%); padding: 0 78px;}
.ind4-ul ul{margin: -129px -250px 0;}
.ind4-ul li{float: left;width: 50%;padding: 0 250px;margin-top: 129px;}
.ind4-ul li:nth-child(odd){text-align: right;}
.ind4-ul li:nth-child(odd) .ind4-icon{float: right;}
.ind4-ul li:nth-child(odd) .ind4-font{margin-left: 0;margin-right: 67px;padding: 0;padding-right: 30px;}
.ind4-ul li>div{}
.ind4-icon{float: left;transition: ease .5s;margin-top: -20px; width: 67px;height: 67px;font-size: 0;border-radius: 50%;text-align: center;line-height: 67px;background: #223971;}
.ind4-icon img{display: inline-block;}
.ind4-font{margin-left: 67px;padding-left: 30px;}
.ind4-font h4{font-size: 24px;line-height: 30px;color: #333;font-weight: bold;}
.ind4-font p{margin: 9px 0 0; font-size: 16px;line-height: 28px;color: #666;height: 56px;}
.ind4-ul li:hover .ind4-icon{background-color: #316bff;transform: translateY(-10px);}





/* 3000+企业共同选择，好品质值得信赖 */
.index-fiv{padding: 72px 0 80px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index-fiv .index-tit,.index-fiv .index-dec{color: #fff;}
.ind5-con{margin-top: 72px;}
.ind5-top{text-align: center;font-size: 0;}
.ind5-toplogo{display: inline-block;font-size: 0;}
.ind5-toplogo img{display: inline-block;}
.ind5-top h4{margin-top: 13px; font-size: 22px;line-height: 34px;color: #fff;}
.ind5-font{width: 67%;margin: 27px auto 0;padding: 0 40px; position: relative; font-size: 16px;line-height: 30px;color: #fff;}
.ind5-font::before{position: absolute;content: "";width: 26px;height: 23px;background: url(../images/ind5-fontbf.png)no-repeat center;background-size: 100% 100%;left: 0;top: 0;}
.ind5-font::after{position: absolute;content: "";width: 26px;height: 23px;background: url(../images/ind5-fontaft.png)no-repeat center;background-size: 100% 100%;right: 0;bottom: 0;}
.ind5-mo{margin-top: 47px; text-align: center;}
.ind5-mo span{display: inline-block;padding-right: 30px;}
.ind5-mo span::before{width: 16px;height: 20px;background-image: url(../images/ind5-mo.png);margin-top: -10px;}
.ind5-mo:hover span::before{transform: translateX(10px);}
.ind5-swip{margin: 68px -10px 0; margin-bottom: -205px;position: relative;}

.ind5-swip .swiper-container{padding: 40px 10px;}
.ind5-slide{padding: 26px 22px 29px; background: #fff;display: block;border-radius: 5px;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.ind5-pic{position: relative;padding-right: 133px;}
.ind5-circle{position: absolute;right: 0;top: -66px; width: 133px;height: 133px; border-radius: 50%;font-size: 0;text-align: center;line-height: 133px;}
.ind5-circle::before{position: absolute;content: "";width: 100%;height: 100%;border: 3px solid #fff;transition: ease .5s;border-radius: 50%;/* background: rgba(0,0,0,.4) url(../images/ind5cirlebf_03.png)no-repeat center; */background-size: 31px 37px;left: 0;top: 0;}
.ind5-slide:hover .ind5-circle::before{border-color: #306bf7;}
.ind5-circle img{border-radius: 50%;display: inline-block;}
.ind5-logo{height: 34px;font-size: 0;text-align: left;}
.ind5-logo img{display: inline-block;height: 100%;}
.ind5-pic h6{margin-top: 15px; font-size: 18px;line-height: 34px;color: #333;}
.ind5-hr{margin-top: 11px; width: 50px;height: 2px;background: #e5e5e5;}
.ind5-txt{margin-top: 12px;height: 90px; font-size: 16px;line-height: 30px;color: #777;}
.l-next,.l-prev{
	
}
.ind5-swip .swiper-pagination{display: none;width: 100%;bottom: 0;}
.ind5-swip .swiper-pagination-bullet{margin: 0 5px;}
.l-next,.l-prev{background: none;font-size: 60px;color: #959595;opacity: 1;width: auto;height: auto;margin-top: -40px;}
.l-prev:hover,
.l-next:hover{color: #2d5fd8;}
.l-next{right: -88px;}
.l-prev{left: -88px;}
/* 非标模具配件生产商-恒通兴 */
.index-six{padding: 188px 0 0px;}
.ind6-con{margin-top: 26px;}
.ind6-dec{font-size: 18px;line-height: 32px;color: #666;text-align: center;}
.ind6-dec d{display: block;}
.ind6-mo{margin-top: 33px;}
.ind6-bot{position: relative;margin-top: 50px;}
.ind6-images{}
.ind6-image::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.6);left: 0;top: 0;}
.ind6-image{position: absolute;opacity: 0; left: 0;top: 0;transition: ease 0s; width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.ind6-image.on{opacity: 1;}
.ind6-font{}
.ind6-ul{}
.ind6-ul li{float: left;width: 20%;height: 602px;position: relative;}
.ind6-ul li:last-child::after{display: none;}
.ind6-ul li.on{}
.ind6-ul li.on::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(49,107,255,.2);left: 0;top: 0;}
.ind6-ul li::after{position: absolute;content: "";width: 1px;height: 100%;background: rgba(255,255,255,.1); right: 0;top: 0;}
.ind6-txt{display: block;position: relative;width: 100%;height: 100%;}

.ind6-txt>div{padding: 25px 20px 0; text-align: center;position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.ind6-txt h3{}
.ind6-txt h3 em{font-size: 24px;line-height: 28px;color: #fff;}
.ind6-txt h3 span{font-size: 80px;line-height: 80px;color: #fff;font-family: "Roboto-Medium";}
.ind6-txt h3 d{font-size: 40px;line-height: 28px;color: #fff;font-family: "Roboto-Medium";}
.ind6-txt h4{margin-top: 18px; font-size: 22px;line-height: 28px;color: #fff;position: relative;}
.ind6-txt h4::before{position: absolute;content: "";width: 0;height: 3px;background: #fff;left: 50%;bottom: 0;transform: translateX(-50%); transition: ease .5s;}
.ind6-ul li.on .ind6-txt h4::before{width: 70px;}
.ind6-ul li.on .ind6-txt h4{padding-bottom: 19px;}
.ind6-txt p{font-size: 16px;line-height: 28px;color: #fff;opacity: 0;height: 0;transition: ease .5s;}
.ind6-ul li.on .ind6-txt p{height: auto;opacity: 1;margin-top: 22px;}
.ind6-more{opacity: 0;height: 0;text-align: center;font-size: 0;}
.ind6-more img{display: inline-block;}
.ind6-ul li.on .ind6-more{opacity: 1;height: auto;margin-top: 48px;}

/* 资讯中心-分享与发现 */
.index-seven{padding: 83px 0 80px;}
.ind7-con{margin-top: 54px;}
.ind7-ul{margin: -20px -16px 0;}
.ind7-ul li{float: left;width: 33.333%;padding: 0 16px;margin-top: 20px;}
.ind7-a{display: block;position: relative;padding-bottom: 28px;}
.ind7-a::before{position: absolute;content: "";width: 86%;transition: ease .5s; height: 1px;background: #eaeaea;left: 0;bottom: 0;}
.ind7-a:hover::before{width: 100%;background-color: #223971;}
.ind7-pic{overflow: hidden;}
.ind7-pic img{width: 100%;transition: ease .8s;}
.ind7-font{padding: 25px 0 0;}
.ind7-font em{display: block;font-size: 16px;line-height: 24px;color: #666;font-family: "DINPro-Regular";}
.ind7-font h3{margin-top: 11px; font-size: 22px;line-height: 30px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: ease .5s;}
.ind7-font p{margin-top: 18px; font-size: 16px;line-height: 28px;color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ind7-mo{margin-top: 31px; font-size: 16px;line-height: 24px;color: #999;transition: ease .5s;}
.ind7-mo span{display: inline-block;position: relative;padding-left: 31px;}
.ind7-mo span::before{position: absolute;content: "";width: 22px;height: 22px;background: url(../images/ind7-mo.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);}
.ind7-a:hover .ind7-font h3{color: #223971;}
.ind7-a:hover .ind7-mo span::before{background-image: url(../images/ind7-mo1.png);}
.ind7-a:hover .ind7-mo{color: #223971;}
.ind7-a:hover .ind7-pic img{transform: scale(1.1);}
/* 高精密非标模具配件定制厂家 */
.index-eight{position: relative;padding: 136px 0 80px; height: 500px;background-attachment: fixed; background-size: cover;background-repeat: no-repeat;background-position: center;}
.ind8-con{text-align: center;}
.ind8-logo{font-size: 0;}
.ind8-logo img{display: inline-block;}
.ind8-h3{color: #fff;margin-top: 20px;}
.ind8-dec{font-size: 0;margin-top: 31px;}
.ind8-dec d{display: inline-block;transform: translateY(2px);font-size: 34px;line-height: 40px;padding: 0 5px 0 7px;margin-right: 7px; color: #fff;font-family: "Roboto-Medium";border-radius: 5px;background: #306bf7;}
.ind8-dec span{display: inline-block; font-size: 30px;line-height: 40px;color: #fff;font-weight: lighter;}


 /*视频弹窗*/
   .msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}
   .msg-box {width: 860px;height: 524px;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;margin-left: -430px;top: 0;margin-top: -262px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
   .msg-box .close-box {width: 38px;height: 38px;font-size: 30px;color: #666; cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
   .msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
     /*视频弹窗  -end*/

/*===============弹窗==============*/
@media  (max-width:1259px) {
		.msg-box{width:800px;height:465px;padding:30px;}
.msg-box .close-box{width:24px;height:24px;font-size:24px;top:5px;right:5px}
}
/* @media  (max-width:991px) {

	.msg-box{width: 600px;height: 365px;left: 50%;margin-left: -300px;}
}
@media  (max-width:767px) {
	.msg-box{width: 500px;margin-left: -250px;}
}
@media  (max-width:640px) {
	.msg-box{width: 320px;margin-left: -160px;height: 300px;}
}
@media (max-width: 400px) {
	.msg-box{width: 280px;margin-left: -140px;}
} */

/*客服*/
/*  */
.kf {transition: .8s;z-index: 999999;background-color: transparent; position: fixed;bottom: 100px;right: 20px;width: 62px;border-radius: 5px;}
.kf span {z-index: 1000001;transition: .5s;cursor: pointer;position: relative;display: block;width: 60px;height: 60px;border-radius: 5px;margin-bottom: 10px;background:#b5b5b5;}
.kf .zx {background-position: 0 0;background: #223971 url(../images/kefu-zx.png)no-repeat center top 12px;}
.kf .back_top { border: none; background: #223971 url(../images/kefu-top.png)no-repeat center top 18px;}
.kf span a { transition: .5s; display: block; color: #fff;line-height: 24px; font-size: 12px;  text-align: center;padding-top: 35px;}
.kfimgr{ position: absolute; bottom:23px;  right: -9px;}
.kf span div i {display: block; position: absolute;width: 15px;height: 200px;right: -15px;top: 0;}
.kf .freetel{background:#223971 url(../images/kefu-qq.png)no-repeat center top 12px;}
.kf .inlinebj{background:#223971 url(../images/kefu-bj.png)no-repeat center top 12px;}
.kf .zxlya{background: #223971 url(../images/kefu-ewm.png)no-repeat center;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a{display:block;height: 68px;position:absolute;top:0;right:0;width: 100%}
.nav_center div, .index_nav_center div, .shou, .zhan { -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.kf .zxlya .erweima{display: none;width: 120px; right: 86px;position: absolute;top: -45px; background: #fff; padding: 12px; text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;}
.kf .zxzx{display: none; right: 86px;position: absolute;top: 6px; background: #fff; padding: 20px; text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;width: 150px;font-size: 14px;color: #333;}
.kfimgr { position: absolute;  bottom: 23px; right: -9px;}
/* .shou{    z-index: 1000000;cursor: pointer;   width: 70px;   height: 70px; top: 104%;  margin-top: -15px; border-radius: 5px 0 0 5px;  right: -9px; background:#b5b5b5; border-radius: 5px;cursor: pointer; position: absolute;font-size: 14px;line-height: 24px;color: #fff;transition: ease .5s;text-align: center;padding: 22px 0;} */
.shou{z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 47%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px; background:transparent url(../images/zk1.png)no-repeat center left;position: absolute;box-shadow: none;}

.kffixed{position: fixed;display: none; bottom: 0; z-index: 20;width: 100%;height: 49px; overflow: hidden;}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}
.kefu{padding: 0;}
.kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;}
.kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;}
.kfzx-enter{opacity: 0}
.kf-zx{display: block; width: 100%;height: 100%; color: #fff;line-height:45px;text-align: center;background: #b5b5b5;}
.kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;}
.teldb{width: 49.5%; background: rgba(0,0,0,0.6); background-size: contain; margin: 0 1px;position: relative;}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{ color: white; }
.kf span:hover{background-color: #316bff;}

	@media(max-width:1919px){
		.banner-cont h3{font-size: 70px;line-height: 70px;}
		.banner-cont h4{font-size: 26px;}
		.index-tit span,.index-tit em{font-size: 40px;line-height: 50px;}
		.index-tit d{font-size: 52px;line-height: 50px;}
		.index-one .index-dec{font-size: 18px;}
		.indone-picul li h4,.int-h4{font-size: 26px;}
		.index-three{height: 680px;}
		.inthree-ul{margin-top: 60px;}
		.ind6-txt h3 span{font-size: 60px;line-height: 60px;}
		.ind8-dec span{font-size: 28px;}
		.intwo-swiper .swiper-button-next{right: -70px;}
		.intwo-swiper .swiper-button-prev{left: -70px;}
		.indtwo-con,.ind5-swip{padding: 0 70px;}
		.l-next{right: 0px;}
		.l-prev{left: 0px;}
		.ind5-pic h6{height: 68px;}
		.bottom-ul ul li{padding: 0 36px;}
		.bottom-ul ul{margin: 0;}
		.bottom1{padding-top: 38px;}
	}	
	@media(max-width:1459px){	
		.indtwo-ul li a,.indone-ul li a,
		.inthree-ul li a,.ind7-font h3{font-size: 20px;}
		.navitem>a{font-size: 16px;}
		.navitem{padding: 0 15px;}
		.navbar{margin: 0 -21px;}
		.indbanner-bf{height: 680px;}
		.header-bj a{font-size: 16px;line-height: 40px;}
		.header-bj{width: 130px;height: 40px;margin-left: 28px;}
		.header-call::before{width: 40px;height: 40px;top: 0;}
		.header-call{padding-right: 60px;}
		.header-slogan h4{font-size: 20px;}
		.index-tit span,.index-tit em{font-size: 36px;line-height: 50px;}
		.index-tit d{font-size: 48px;line-height: 50px;}
		.index-one{padding: 60px 0 0;}
		.indone-con{padding-bottom: 60px;}
		.indone-picul li h4, .int-h4,
		.indone-ul li.on a,.ind4-font h4,.ind6-txt h3 em{font-size: 22px;}
		.indone-ul li{margin-top: 50px;padding-left: 80px;}
		.indone-con::before{width: 100px;height: 700px;bottom: -30px;}
		.indone-nav{padding-left: 100px;}
		.indone-ul li.on::before{width: 90px;}
		.indone-ul li::before{left: -50px;}
		.intwo-swiper .swiper-button-next, 
		.intwo-swiper .swiper-button-prev,.l-next, .l-prev{font-size: 50px;}
		.index-three{height: 600px;padding: 130px 0 70px;}
		.ind5-pic h6{height: 34px;}
		.ind5-con{margin-top: 55px;}
		.index-two,.index-fiv,.index-seven{padding: 60px 0;}
		.index-four{padding: 60px 0 80px;}
		.index-six{padding: 165px 0 0;}
		.ind6-txt h3 span{font-size: 48px;line-height: 50px;}
		.ind6-txt h3 d{font-size: 32px;}
		.ind7-con{margin-top: 38px;}
		.index-eight{height: 420px;}
		.index-eight{padding: 100px 0 80px;}
		.bottom-ul ul li{padding: 0 26px;}
		.ind4-ul li{padding: 0 220px;}
		.ind4-ul ul{margin: -129px -220px 0;}
		.ind4-font{padding-left: 20px;}
		.ind4-ul li:nth-child(odd) .ind4-font{padding-right: 20px;}
		.ind4-icon{margin-top: -12px;}
		.ind4-cent{width: 390px;height: 390px;line-height: 390px;}
		.botcontact-icon{width: 42px;height: 42px;line-height: 42px;}
		.botcontact-h4{margin-left: 42px;}
		.bottom2-con{padding-top: 20px;}
		.bottom2-contact li{padding: 0 12px;margin-top: 12px;}
		.bottom2-contact ul{margin: -12px -12px 0;}
		.ind6-ul li{height: 520px;}
		.banner-mo{margin-top: 50px;}
		.banner-cont h3{font-size: 60px;line-height: 60px;}
		.indthree-font{padding-right: 120px;}
		.inthree-ul li{padding: 0 50px;margin-top: 38px;}
		.inthree-ul ul{margin: -38px -50px 0;}
		.ind4-ul{padding: 0 15px;}
		
	}
	@media(max-width:1259px){	
	.indbanner-bf{height: 630px;}
	}

.header.on{height: 60px; background-color: #fff;border-color: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.header.on .header-top{display: none;}
/* .header.on .logo p,.header.on .navitem>a,.header.on .language-text{color: #333;}
.header.on .header-phone{color: #223971;}
.header.on .bt-search .sub-bot{background-image: url(../images/icon-searcha.png);}
 */
.navitem{position: relative;}
.dropdown-menu.single {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    /* width: auto; */
	width: 160px;
    z-index: 1100;
    background: rgba(255,255,255,1);
    
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s;
    border: none;
    color: #303233;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);

    height: auto;
    padding: 0;
    display: block;
}
.dropdown-menu.single ul{
	padding: 0px 10px;
}
.dropdown-menu.single li{
    display: block;
    font-size: 16px;
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	border-bottom: dashed 1px #e5e5e5;
    position: relative;
    text-align: center;
}
.dropdown-menu.single li:last-child{border-bottom: 0;}
.dropdown-menu.single li>a {
    line-height: 47px;   
    white-space: nowrap;
    display:block;
    width: 100%;
    color: #666666;
    height: auto;
    background: 0 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.dropdown-menu.single li:hover a{color:#223971;}
.navitem:hover .dropdown-menu.single{max-height: 450px;opacity: 1;}


/* ==================== 内页 =================== */
/* 内页banner */
.nybanner{margin-top: 170px; position: relative;height: 500px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.nybanner-font{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.nybanner-txt{text-align: center;padding-bottom: 2px;}
.nybanner-txt h3{font-size: 50px;line-height: 60px;font-weight: bold; color: #fff;}
.nybanner-txt h5{margin-top: 12px;font-size: 22px;line-height: 34px;color: #fff;}
.nybanner-txt h6{margin-top: 14px; font-size: 20px;line-height: 34px;color: #fff;}
/* ========================= contact 联系我们 ===================== */
.contact{}
.contact-content{}
.contact-tit{font-size: 28px;line-height: 30px;color: #333;text-align: center;}
.contact-dec{margin-top: 10px; font-size: 16px;line-height: 30px;color: #666;text-align: center;}
.contact-one{}
.contact1-con{}
.contact1-top{padding: 80px 0;}
.contact1-ul{margin: -20px -10px 0;}
.contact1-ul li{float: left;width: 50%;padding: 0 10px;margin-top: 20px;}
.contact1-ul li>div{padding: 47px 60px 40px; background: #fff;border-radius: 3px; box-shadow: 0 0 13px rgba(0,0,0,.1);}
.contact1-icon{float: left; width: 60px;height: 60px;line-height: 60px;text-align: right;}
.contact1-icon img{display: inline-block;transition: ease .5s;}
.contact1-ul li:hover .contact1-icon img{transform: rotateY(180deg);}

.contact1-txt{margin-left: 60px;padding-left: 30px;}
.contact1-txt h3{font-size: 32px;line-height: 36px;color: #333; font-family: "Roboto-Condensed";}
.contact1-txt h3 a{display: block;}
.contact1-txt p{font-size: 16px;line-height: 32px;color: #666;}
.contact1-bot{}
.contact1-map{width: 100%;overflow: hidden;}
.contact1-map img{display: inline-block;width: 100%;}

.contact-two{padding: 76px 0 82px;}
.contact-input1{margin: -15px -8px 0;}
.contact-input1>div{float: left;width: 33.333%;padding: 0 8px;height: 60px;margin-top: 15px;}


.lcontact1-right{float: right;width: 50%;padding-left: 20px;}
.contact-input{margin: 33px 0 0;}
.contact-input input,
.contact-input textarea{padding: 17px 20px;font-size: 16px; color: #888;margin-bottom: 0px;width: 100%;}
.contact-input textarea{min-height: 162px;max-height: 162px;max-width: 100%;min-width: 100%; margin-top: 15px;}
.message-submit{cursor: pointer; margin: 0 auto;font-size: 18px; height: 42px;line-height: 40px;}
.contact-submit{margin: 24px auto 0;}
.contact-input input,
.contact-input textarea{border-radius: 5px;background: none;border: none;background: #fff;}

@media (max-width: 1459px){
.contact1-txt h3{font-size: 28px;line-height: 34px;}
.contact1-txt{padding-left: 20px;}
.contact1-ul li>div{padding: 30px 50px;}
.contact-two,.contact1-top{padding: 60px 0;}
.nybanner-txt h3{font-size: 40px;line-height: 50px;}
.nybanner-txt h5{font-size: 20px;margin-top: 6px;}
.nybanner{height: 450px;}

}

/* ============================== sample 加工样品馆 ======================== */
.sample{}
.sample .nybanner-txt{text-align: left;width: 48%;}
.sample-tit{font-size: 46px;line-height: 50px;color: #2c2c2c;text-align: center;}
.sample-tit d{ font-family: "Roboto-BoldCondensed";}
.sample-content{}
.sample-one{padding: 76px 0 44px;}
.sample1-con{margin-top: 50px;}
.sample1-left{float: left;width: 48.57%;}
.sample1-cent{float: left;width: 31.22%;padding: 0 20px;}
.sample1-right{float: right;}
.sample1-a{display: block;position: relative;background: #fff;float: left;width: 23%;margin: 0 1%;}
.sample1-pic{overflow: hidden;}
.sample1-pic img{transition: ease .8s;}
.sample1-a:hover .sample1-pic img{transform: scale(1.1);}
.sample1-font{padding: 13px 18px;background: #8a94ab;position: relative;padding-right: 108px;}
.sample1-font::before{position: absolute;content: "";width: 0;height: 100%;background: #223971;left: 50%;top:0;transform: translateX(-50%); transition: ease .8s;}
.sample1-a:hover .sample1-font::before{width: 100%;}
.sample1-font h4{position: relative; font-size: 22px;line-height: 34px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sample1-mo{opacity: 0;transition: ease .5s;z-index: 3; font-size: 16px;line-height: 24px;color: #fff;position: absolute;right: 18px;top: 50%;transform: translateY(-50%);}
.sample1-mo span{display: block;position: relative;padding-left: 30px;}
.sample1-mo span::before{position: absolute;content: "";width: 22px;height: 22px;background: url(../images/sample-mo.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;margin-top: -11px;}
.sample1-right .sample1-a{margin-top: 20px;}
.sample1-right .sample1-a:first-child{/* margin-top: 0px; */}
.sample1-a:hover .sample1-mo{opacity: 1;}

.sample-two{}
.sample-two .sample-tit{color: #fff;}
.sample2-top{height: 250px; display: block;position: relative; background-size: cover;background-repeat: no-repeat;background-position: center;}
.sample2-topcon{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.sample2-mo{margin-top: 12px; text-align: center;font-size: 0;}
.sample2-mo span{display: inline-block;vertical-align: top; font-size: 16px;line-height: 34px;color: #fff;}
.sample2-mo em{margin-left: 5px; display: inline-block;vertical-align: top;font-size: 16px;line-height: 34px;color: #fff;}

.sample2-bot{padding: 40px 0 46px;}
.sample2-botcon{}
.sample2-ul{margin: -18px -13px 0;}
.sample2-ul li{float: left;width: 33.333%;padding: 0 13px;margin-top: 18px;}
.sample2-a{display: block;}
.sample2-pic{background: #fff;overflow: hidden;}
.sample2-pic img{transition: ease .8s;}
.sample2-a:hover .sample2-pic img{transform: scale(1.1);}
.sample2-font{padding: 14px 20px; font-size: 16px;line-height: 26px;text-align: center; color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sample-five .sample2-bot{padding-bottom: 31px;}
.sample-dec{margin-top: 11px; font-size: 18px;line-height: 34px;color: #666;text-align: center;}
.sample2-a:hover .sample2-font{color: #326bff;font-weight: bold;}
@media (max-width: 1459px){
.nybanner-txt h6{font-size: 18px;}
.sample-tit{font-size: 36px;line-height: 42px;}
.sample-one{padding: 60px 0 44px;}
.sample1-con{margin-top: 35px;}
.sample1-font h4{font-size: 18px;}
.sample1-cent{padding: 0 17px;}
.sample1-right .sample1-a{margin-top: 19px;}
.sample1-font{padding: 8px 16px;padding-right: 106px;}
.sample2-top{height: 220px;}
.sample-dec{font-size: 16px;margin-top: 6px;}
}

/* ===================== case 案例中心 ================= */
.case{}
.case-content{}
.case-one{padding: 97px 0 68px;}
.case1-con{margin-top: 43px;}
.case1-swip{position: relative;}
.case1-slide{display: block;}
.case1-pic{overflow: hidden;}
.case1-pic img{transition: ease .8s;width: 100%;}
.case1-slide:hover .case1-pic img{transform: scale(1.1);}
.case1-txt{margin-top: 3px;padding: 0 10px; font-size: 16px;line-height: 34px;color: #666;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


.case-two{padding: 76px 0 0px;}
.case2-con{margin-top: 56px;}
.case2-top{}
.case2-ul1{background: #000;}
.case2-ul1 li{float: left;width: 20%;text-align: center;padding: 16px 15px 17px;}
.case2-ul1 li h4{font-size: 24px;line-height: 34px;color: #fff;}
.case2-bot{}
.case2-ul2{}
.case2-ul2 li{float: left;height: 487px; border-right: 1px solid #fff;position: relative; width: 20%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.case2-ul2 li:last-child{border-right: none;}
.case2-font{position: absolute;width: 100%;left: 0;bottom: 0;padding: 13px; font-size: 20px;line-height: 34px;color: #fff;text-align: center;background: rgba(0,0,0,.5);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.case-three{padding: 76px 0 80px;}
.case3-con{margin-top: 39px;}
.case3-top{}
.case3-ul1{font-size: 0;text-align: center;}
.case3-ul1 li{display: inline-block;padding: 0 14px;}
.case3-ul1 li h4{border-radius: 50px 0 50px 50px;padding: 5px 23px 6px 30px; font-size: 20px;line-height: 34px;color: #fff;background: #7a86a4;}
.case3-ul1 li.case3-blue h4{background-color: #316bff;}
.case3-bot{margin-top: 59px;}
.case3-ul2{}
.case3-ul2 li:first-child{margin-top: 0;}
.case3-ul2 li{position: relative;margin-top: 60px;}
.case3-pic{float: right;width: 973px;height: 540px;}
.case3-pic img{display: inline-block;width: 100%;}
.case3-font{float: left;width: 636px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.case3-font>div{padding: 80px 50px 76px 32px; background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.case3-font h3{font-size: 26px;line-height: 30px;color: #333;}
.case3-hr{margin-top: 15px; width: 50px;height: 2px;background: #e5e5e5;}
.case3-p{margin-top: 12px;height: 240px; font-size: 16px;line-height: 30px;color: #777;}
.case3-ul2 li:nth-child(even) .case3-pic{float: left;}
.case3-ul2 li:nth-child(even) .case3-font{float: right;left: auto;right: 0;}


.case-four{padding: 76px 0 80px;}
.case4-con{margin-top: 41px;}
.case4-ul{margin: -20px -19px 0;}
.case4-ul li{float: left;width: 20%;padding: 0 19px;margin-top: 20px;}
.case4-pic{overflow: hidden;background: #fff;transition: ease .5s;}
.case4-pic img{display: block;width: 100%;}
.case4-ul:hover .case4-pic{opacity: .6;transform: scale(0.9);}
.case4-ul li:hover .case4-pic{opacity: 1;transform: scale(1.05);}


@media (max-width: 1459px){
.case-one,.case-three,.case-four{padding: 60px 0;}
.case1-con,.case2-con,.case3-con,.case4-con{margin-top: 35px;}
.case-two{padding: 60px 0 0;}
.case3-bot{margin-top: 40px;}
.case4-ul li{padding: 0 10px;}
.case4-ul{margin: -20px -10px 0;}
.case3-font h3{font-size: 24px;}
.case3-ul1 li h4{font-size: 18px;}
.case2-ul1 li h4{font-size: 22px;}
.case2-font{font-size: 18px;}
.case1-swip{padding: 0 50px;}
.case3-pic{width: 900px;height: 499px;}
.case3-font{width: 600px;}
.case3-font>div{padding: 62px 27px 50px;}
.case3-ul1 li{padding: 0 10px;}

}

/* ======================= 新闻资讯 ================== */
/* 分页 */

.lpage{font-size: 0;width: 100%;text-align: center; position: relative;}
.lpage a{display: inline-block;min-width: 30px; vertical-align: top; font-size: 14px;border: 1px solid #ddd; line-height: 30px;color: #333;margin: 0 10px;background: transparent; font-family: 'OPENSANS';padding: 0 8px;width: auto;text-align: center; transition: ease .5s;}
.lpage a.lpage-right,
.lpage a.lpage-left{color: #777;}
.lpage a.lpage-right:hover,
.lpage a.lpage-left:hover{background: transparent;color: #316bff;}
.lpage a.on{background: transparent;border-color: transparent; color: #316bff;}
.lpage a:hover{background: transparent;border-color: #316bff; color: #316bff;}
.lpage a.on:hover{border-color: transparent;}
.lpage a em{font-size: 20px;font-weight:600;}
.news{}

.news-content{padding: 82px 0 80px;}
.news-con{}
.news-ul{}
.news-ul li:first-child{margin-top: 0;}
.news-ul li{margin-top: 40px;}
.news-a{display: block;position: relative;background: #f9f9f9;}
.news-pic{float: left; width: 384px;overflow: hidden;}
.news-pic img{width: 100%;transition: ease .8s;}
.news-txt{position: relative;margin-left: 384px;padding: 43px 40px 20px;padding-left: 50px;}
.news-txt>div{position: relative;padding-right: 120px;}
.news-txt::before{position: absolute;content: "";width: 35px;height: 24px;background: url(../images/news-mo.png)no-repeat center;background-size: 100% 100%;right: 40px;top: 50%;transform: translateY(-50%);transition: ease .5s;}
.news-a:hover .news-txt::before{margin-right: 30px;background-image: url(../images/news-mo1.png);}
.news-txt h3{font-size: 24px;line-height: 30px;color: #333;transition: ease .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-txt span{margin: 21px 0 0; font-style: normal;display: block;font-size: 12px;line-height: 24px;color: #777;}
.news-txt p{margin: 11px 0 0; font-size: 16px;line-height: 28px;color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-a:hover .news-txt h3{color: #316bff;}
.news-a:hover .news-pic img{transform: scale(1.1);}
.news-page{margin-top: 38px;}

@media  (max-width:1459px) {
	.news-txt h3{font-size: 22px;}
	.news-txt::before{width: 30px;height: 20px;}
}
@media  (max-width:1259px) {
	.news-pic{width: 320px;}
	.news-txt{margin-left: 320px;padding: 30px 40px 18px;}
	.news-txt h3{font-size: 20px;line-height: 30px;}
	.news-txt p{margin: 8px 0 0;}
	.news-txt span{margin: 15px 0 0;}
	.news-txt>div{padding-right: 90px;}
}

/* =================== newsinfo 新闻详情 ================= */
.bsBox{width: 232px !important;height: 256px !important;}
.newsinfo{}
.newsinfo-content{padding: 76px 0 78px;}
.newsinfo-con{margin-top: 0;}

.newsinfo-tit{font-size: 36px;line-height: 40px; color: #333;text-align: center;}
.newsinfo-dec{margin-top: 21px; font-size: 0;text-align: center;}
.newsinfo-dec span{display: inline-block;vertical-align: top;font-size: 16px;line-height: 30px;color: #777;}
.newsinfo-share{margin-left: 10px;font-size: 0; display: inline-block;vertical-align: top;}
.newsinfo-share a{display: inline-block;margin: 7px 4px !important; vertical-align: top;width: 18px !important;background-size: 100% 100%;background-repeat: no-repeat;background-position: center; height: 16px !important; font-size: 18px !important; color: #777 !important;border-radius: 50% !important;}
.newsinfo-share a.bshare-qqim{background: url(../images/newsinfo-qq.png)no-repeat center !important;}
.newsinfo-share a.bshare-weixin{background: url(../images/newsinfo-weixin.png)no-repeat center !important;}
.newsinfo-share a.bshare-sinaminiblog{background: url(../images/newsinfo-weibo.png)no-repeat center !important;}
.newsinfo-share a.bshare-twitter{background: url(../images/newsinfo-twt.png)no-repeat center !important;}
.newsinfo-share a.bshare-facebook{background: url(../images/newsinfo-face.png)no-repeat center !important;}
.newsinfo-font{margin-top: 15px; font-size: 16px;line-height: 32px;color: #777;}
.newsinfo-font img{max-width: 100%;display: inline-block;}
.newinfo-page{margin-top: 57px; border-bottom: 1px solid rgba(0,0,0,.3);padding-bottom: 31px;}
.newinfo-page a{display: block;float: left;max-width: 45%;transition: ease .5s; font-size: 16px;line-height: 32px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newinfo-page a:last-child{float: right;}
.newinfo-page a:hover{color: #316bff;}

@media(max-width:1459px){
	.newsinfo-tit{font-size: 30px;}
	
}
@media(max-width:1259px){
	.newinfo-page{margin-top: 35px;padding-bottom: 15px;}
	.newsinfo-tit{font-size: 26px;line-height: 30px;}
}


/* ===================== guide 导柱导套 ================= */
.guide{}
.guidebanner-mo{margin-top: 37px; font-size: 16px;letter-spacing: -1px; width: 260px;height: 50px;line-height: 50px;padding: 0 5px;text-align: center;}
.guidebanner-mo span{padding: 0;}
.guidebanner-mo span::before{display: none;}
.guide-content{}
.guide-one{padding: 77px 0 80px;}
.guide1-con{margin-top: 42px;}
.guide1-ul{margin: 0 -10px;}
.guide1-ul li{float: left;width: 50%;padding: 0 10px;}
.guide1-a{position: relative;}
.guide1-pic{overflow: hidden;}
.guide1-pic img{width: 100%;display: block;transition: ease .8s;}
.guide1-txt{padding: 17px 20px; position: absolute;width: 100%;left: 0;bottom: 0;background: rgba(34,57,113,.8);}
.guide1-txt>div{}
.guide1-txt h3{font-size: 26px;line-height: 34px;color: #fff;}
.guide1-txt p{margin-top: 4px; font-size: 16px;line-height: 28px;color: #fff;}
.guide1-a:hover .guide1-pic img{transform: scale(1.1);}
.guide1-mo{width: 200px;margin-top: 40px;}

.guide-two{padding: 78px 0 81px;}
.guide2-con{margin-top: 40px; position: relative;height: 508px;background: #fff;}
.guide2-pic{}
.guide2-pic1{opacity: 0;height: 100%;position: absolute;width: 50%;background-size: cover;background-repeat: no-repeat;background-position: center; left: 0;top: 0;transition: ease .5s;}
.guide2-pic1.on{opacity: 1;}
.guide2-ul{float: right;width: 50%;padding: 92px 0;}
.guide2-li{margin-top: 60px;padding: 0 75px;position: relative;cursor: pointer;}
.guide2-li::before{opacity: 0; position: absolute;content: "";width: 20px;height: 40px;background: url(../images/guide2-libf.png)no-repeat center;background-size: 100% 100%;left: -20px;top: 50%;transform: translateY(-50%);transition: ease .5s;}
.guide2-li.on::before{opacity: 1;}
.guide2-li:first-child{margin-top: 0;}
.guide2-li>div{}
.guide2-num{float: left;width: 70px;transition: ease .5s; font-size: 60px;line-height: 60px;color: #dedede; font-family: "ROBOTO-REGULAR";}
.guide2-font{margin-left: 70px;padding-left: 23px;}
.guide2-font h3{font-size: 26px;line-height: 34px;color: rgba(51,51,51,.6);transition: ease .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.guide2-font p{margin-top: 6px; font-size: 16px;line-height: 28px;color: rgba(102,102,102,.6);transition: ease .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.guide2-li.on .guide2-font h3{color: #333;}
.guide2-li.on .guide2-font p{color: #666;}
.guide2-li.on .guide2-num{color: #316bff;}
.guide2-mo{margin-top: 40px; width: 200px;}

.guide-three{padding: 77px 0 80px;}
.guide-three .sample-tit{color: #fff;}
.guide-three .sample-dec{color: rgba(255,255,255,.5);}
.guide3-con{margin-top: 43px;}
.guide3-swip{position: relative;}
.guide3-slide{display: block;}
.guide3-pic{overflow: hidden;}
.guide3-pic img{width: 100%;transition: ease .8s;}
.guide3-mo{margin-top: 40px;width: 200px;}
.guide3-slide:hover .guide3-pic img{transform: scale(1.1);}

.guide-four{padding: 75px 0 81px;}
.guide4-con{margin-top: 52px;}
.guide4-ul{margin: -35px -20px 0;}
.guide4-ul li{float: left;width: 33.333%;padding: 0 20px;margin-top: 35px;}
.guide4-a{text-align: center;}
.guide4-pic{margin: 0 auto; width: 263px;height: 263px;border-radius: 50%;overflow: hidden;}
.guide4-pic img{border-radius: 50%;width: 100%;transition: ease .8s;}
.guide4-txt{margin-top: 25px;}
.guide4-txt>div{}
.guide4-txt h3{padding-bottom: 16px; position: relative; font-size: 26px;line-height: 34px;color: #333;}
.guide4-txt h3::before{position: absolute;content: "";width: 54px;height: 2px;background: #316bff;left: 50%;bottom: 0;transform: translateX(-50%);}
.guide4-txt p{margin-top: 11px; font-size: 16px;line-height: 28px;color: #666;}
.guide4-txt p em{display: block;}
.guide4-mo{width: 200px;margin-top: 34px;}
.guide4-a:hover .guide4-pic img{transform: scale(1.1);}
.guide4-a:hover .guide4-txt h3{color: #316bff;}

.guide-five{padding: 75px 0 81px;}
.guide5-con{margin-top: 33px;position: relative;height: 550px;}
.guide5-imgs{}
.guide5-img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: ease .5s;opacity: 0; background-size: cover;background-repeat: no-repeat;background-position: center;}
.guide5-img.on{opacity: 1;}
.guide5-ul{height: 100%;}
.guide5-ul li{cursor: pointer; border-right: 1px solid rgba(255,255,255,.2);transition: ease .5s; float: left;width: 13.86%;text-align: center; background: rgba(0,0,0,.9);position: relative;height: 100%;}
.guide5-ul li.on{background: none;border-right: none; width: 58.42%;text-align: left;}
.guide5-ul li:last-child{border-right: none;}
.guide5-a{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);padding-bottom: 45px;}
.guide5-ul li.on .guide5-a{padding: 33px 42px;top: auto;transform: none; bottom: 0;background: linear-gradient(to top,rgba(0,0,0,.5),transparent);}
.guide5-txt{}
.guide5-txt>div{}
.guide5-txt span{display: block;font-size: 100px;line-height: 80px;color: rgba(255,255,255,.08); font-family: "ROBOTO-REGULAR";}
.guide5-txt h3{margin: 50px auto 0; font-size: 24px;line-height: 30px;color: #fff;writing-mode: vertical-lr;}
.guide5-txt p{margin-top: 5px; font-size: 16px;line-height: 28px;color: #fff;opacity: 0;height: 0;}
.guide5-ul li.on .guide5-txt p{opacity: 1;height: auto;}
.guide5-ul li.on .guide5-txt h3{margin: 19px 0 0; color: #fff;writing-mode: lr;}
.guide5-ul li.on .guide5-txt span{color: #fff;}
.guide5-mo{width: 280px;margin-top: 40px;}

.guide-six{padding: 75px 0 72px;}
.guide6-con{margin-top: 42px;}
.guide6-ul{margin: 0 -50px;}
.guide6-ul li{float: left;width: 12.5%;padding: 0 50px;position: relative;}
.guide6-ul li>div{text-align: center;}
.guide6-ul li::before{position: absolute;content: "";width: 72px;height: 11px;background: url(../images/guide6-right.png)no-repeat center;background-size: 100% 100%;right: -35px;top: 37px;}
.guide6-ul li:last-child::before{display: none;}
.guide6-ul li span{display: block;width: 84px;height: 84px;margin: 0 auto;transition: ease .5s; text-align: center;border-radius: 50%;border: 1px solid #e0e0e0; font-size: 32px;line-height: 83px;color: #999;font-family: "Roboto-Condensed";}
.guide6-ul li h4{margin-top: 21px; font-size: 16px;line-height: 32px;color: #333;}
.guide6-ul li:hover span{color: #316bff;border-color: #316bff;}


@media(max-width:1459px){
	.guide-one,.guide-two,.guide-three,
	.guide-four,.guide-five,.guide-six{padding: 60px 0;}
	.guide1-con,.guide2-con,.guide3-con,
	.guide4-con,.guide6-con{margin-top: 35px;}
	.guide6-ul li{padding: 0 38px;}
	.guide6-ul{margin: 0 -38px;}
	.guide6-ul li span{width: 72px;height: 72px;line-height: 71px;font-size: 26px;}
	.guide6-ul li::before{width: 60px;height: 10px;top: 32px;right: -31px;}
	.guide6-ul li h4{margin-top: 18px;}
	.guide5-txt span{font-size: 68px;line-height: 60px;}
	.guide5-txt h3{font-size: 22px;margin-top: 30px;}
	.guide5-ul li.on .guide5-txt h3{margin: 12px 0 0;}
	.guide5-a{padding-bottom: 0;}
	.guide4-pic{width: 220px;height: 220px;}
	.guide4-txt h3{font-size: 22px;}
	.guide4-txt{margin-top: 16px;}
	.guide2-num{font-size: 50px;line-height: 50px;width: 60px;}
	.guide2-font{margin-left: 60px;}
	.guide2-font h3,.guide1-txt h3{font-size: 22px;}
	.guide2-con{height: 460px;}
	.guide2-ul{padding: 67px 0;}
	.guide5-con{height: 500px;}
	.guide2-li{padding: 0 62px;}
}
@media(max-width:1259px){
	
}

/* ====================== punch 冲针冲头定制 =====================  */
@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(0.6);
    }

    to {
        transform: scale(1.2);
    }
		
}
.punch{}
.punchbanner-mo{width: 200px;}
.punch-content{}
.punch-one{padding: 95px 0 81px;}
.punch1-con{margin-top: 43px;}
.punch1-ul{float: left;}
.punch1-pic1{left: auto;right: 0;}
.punch1-li.on .guide2-font h3{font-weight: bold;}
.punch1-li{}
.punch1-li::before{left: auto;right: -20px;transform: rotateY(180deg);}

.punch-two{padding: 75px 0 81px;position: relative; background-size: cover;background-repeat: no-repeat;background-position: center;}
.punch-two .sample-tit{color: #fff;}
.punch-two .sample-dec{margin-top: 9px; color: rgba(255,255,255,.3);}
.punch2-con{margin-top: 79px;position: relative;}
.punch2-pic{width: 464px;height: 463px;margin: 0 auto;overflow: hidden;}
.punch2-pic img{width: 100%;}
.punch2-ul{padding: 0 150px;position: absolute; width: 100%;left: 0; top: 0;}
.punch2-ul ul{margin-top: 88px;}
.punch2-ul ul:first-child{margin-top: 0;}
.punch2-ul ul li{float: left;width: 50%;}
.punch2-ul ul li:nth-child(odd){text-align: right;}
.punch2-ul ul li:nth-child(even){text-align: left;}
.punch2-ul1{margin: 0 -185px;}
.punch2-ul1 li{padding: 0 185px;}
.punch2-ul2{margin: 0 -235px;}
.punch2-ul2 li{padding: 0 235px;}
.punch2-ul3{margin: 0 -110px;}
.punch2-ul3 li{padding: 0 110px;}
.punch2-font{position: relative;padding-bottom: 16px;border-bottom: 1px dashed rgba(255,255,255,.2);}
.punch2-ul ul.punch2-ul1 li:nth-child(odd) .punch2-font{padding-right: 40px;}
.punch2-ul ul.punch2-ul1 li:nth-child(even) .punch2-font{padding-right: 0;padding-left: 40px;}
.punch2-ul ul.punch2-ul2 li:nth-child(odd) .punch2-font{padding-right: 70px;}
.punch2-ul ul.punch2-ul2 li:nth-child(even) .punch2-font{padding-right: 0;padding-left: 70px;}
.punch2-ul ul.punch2-ul3 li:nth-child(odd) .punch2-font{padding-right: 170px;}
.punch2-ul ul.punch2-ul3 li:nth-child(even) .punch2-font{padding-right: 0;padding-left: 170px;}
.punch2-font::before{position: absolute;content: "";width: 11px;height: 11px;background: #316bff;border-radius: 50%;right: -13px;bottom: -5px;animation: scle2 2s linear infinite;}
.punch2-font::after{position: absolute;content: "";width: 19px;height: 19px;background: rgba(49,107,255,.5);border-radius: 50%;right: -17px;bottom: -9px;animation: scle2 5s linear infinite;}
.punch2-ul ul li:nth-child(even) .punch2-font::after{right: auto;left: -17px;}
.punch2-ul ul li:nth-child(even) .punch2-font::before{right: auto;left: -13px;}
.punch2-font h4{font-size: 26px;line-height: 30px;color: #fff;transition: ease .5s;}
.punch2-font p{margin-top: 10px; font-size: 16px;line-height: 30px;color: rgba(255,255,255,.6);}
.punch2-mo{margin-top: 47px;width: 200px;}
.punch2-font:hover h4{color: #316bff;}

.punch-three{padding: 76px 0 81px;}
.punc3-con{margin-top: 94px;}
.punc3-ul{margin: -112px -16px 0;}
.punc3-ul li{margin-top: 112px; float: left;width: 33.333%;padding: 0 16px;}
.punc3-a{background: #fff;padding: 0 20px;}
.punc3-pic{overflow: hidden;margin-top: -52px;}
.punc3-pic img{transition: ease .8s;}
.punc3-a:hover .punc3-pic img{transform: scale(1.1);}
.punc3-txt{padding: 26px 0 20px;}
.punc3-txt>div{}
.punc3-txt h3{font-size: 26px;line-height: 30px;color: #222;}
.punc3-txt p{margin-top: 8px; height: 48px; font-size: 16px;line-height: 24px;color: #666;}
.punc3-mo{letter-spacing: -1px;}
.punc3-a:hover .punc3-txt h3{color: #316bff;}

.punch-four{padding-bottom: 81px; background-size: cover;background-repeat: no-repeat;background-position: center;}
.punch-four .sample-tit,
.punch-four .sample-dec{color: #fff;}
.punch4-con{}
.punch4-ul{}
.punch4-ul li{width: 14.286%;}
.punch4-ul li span{color: #fff;border-color: rgba(255,255,255,.2);}
.punch4-ul li h4{color: #fff;}
.punch4-mo{width: 200px;margin-top: 32px;}

.punch-five{padding: 77px 0 0;}
.punch5-con{margin-top: 39px;}
.punch5-ul{margin: 0 -15px;}
.punch5-ul li{float: left;width: 25%;padding: 0 15px;}
.punch5-pic{overflow: hidden;background: #fff;display: block;}
.punch5-pic img{width: 100%;}
.punch5-mo{margin-top: 41px;width: 190px;}

.punch-six{padding: 156px 0 80px;}
.sample-dec d{font-weight: bold;color: #316bff;}
.punch6-con{margin-top: 86px;}
.punch6-ul{animation: 0 -8px;}
.punch6-ul li{float: left;width: 33.333%;padding: 0 8px;}
.punch6-con .ind5-slide{box-shadow: 0 0 40px rgba(0,0,0,.1);}

@media(max-width:1459px){
	.punch-one,.punch-two,.punch-three,.punch-four,.punch-six{padding: 60px 0;}
	.punch1-con,.punch5-con{margin-top: 35px;}
	.punch2-ul{padding: 0 60px;}
	.punch2-font h4,.punc3-txt h3{font-size: 22px;}
	.punc3-con{margin-top: 60px;}
	.punc3-pic{margin-top: -30px;}
	.punc3-ul li{margin-top: 70px;}
	.punc3-ul{margin-top: -70px;}
	.punch-five{padding: 60px 0 0;}
	.punch6-ul li{width: 50%;margin-top: 80px;}
	.punch6-ul{margin-top: -80px;}
	.punch2-con{margin-top: 50px;}
}


/* ======================= about 走进恒通兴 ==================== */
.about{}
.about-content{}
.about-one{padding: 76px 0 80px;}
.about1-con{margin-top: 23px;text-align: left;}
.abt1-font{}
.abt1-font h6{margin-bottom: 10px; font-size: 16px;line-height: 26px;color: #666;text-indent: 2rem;}
.abt1-font p{/*! width: 59%; */margin: 0 auto; font-size: 16px;line-height: 26px;color: #666;text-indent: 2rem;}
.abt1-mo{margin: 34px auto 0;width: 20px;height: 20px; display: block;position: relative;}
.abt1-mo::before{position: absolute;content: "";width: 100%;height: 11px;background: url(../images/abt1-mo.png)no-repeat center;background-size: 100% 100%;left: 0;top:0;}
.abt1-mo::after{position: absolute;content: "";width: 100%;height: 11px;background: url(../images/abt1-mo1.png)no-repeat center;background-size: 100% 100%;left: 0;bottom:0;}

.about-two{position: relative;height: 700px; padding: 80px 0 80px; background-size: cover;background-repeat: no-repeat;background-position: center;}
.about2-con{padding-right: 160px;}
.abt2-tit{float: left;width: 50%;padding: 173px 0;}
.abt2-tit .sample-tit,
.abt2-tit .sample-dec{text-align: left;color: #fff;}
.sample-tit em{display: block;}
.abt2-tit .sample-tit{line-height: 64px;}

.abt2-pic{margin-top: 20px; float: right; width: 517px;height: 484px;position: relative;}
.abt2-pic span{position: absolute;transition: ease .5s; display: block;width: 284px;height: 284px;text-align: center; font-size: 72px;line-height: 284px;color: #fff;border-radius: 50%;border: 1px solid rgba(255,255,255,.15);}
.abt2-pic span d{opacity: 1;}
.abt2-span1{top: 0;left: 50%;transform: translateX(-50%);}
.abt2-span2{left: 0;bottom: 0;}
.abt2-span3{right: 0;bottom: 0;}

.abt2-font{opacity: 0; position: absolute;top: 65px;right: 103px; width: 413px;height: 139px;padding: 22px 35px;padding-right: 10px;}
.abt2-font.on{opacity: 1;}
.abt2-font::before{position: absolute;content: "";width: 100%;height: 100%;background: url(../images/abt2-bf.png)no-repeat center;background-size: 100% 100%;left: 0;top: 0;}
.abt2-font h3{font-size: 22px;line-height: 34px;color: #fff;}
.abt2-p{font-size: 16px;line-height: 30px;color: #fff;}
.abt2-p em{display: block;}
.abt2-pic span:hover{color: #326bff;border-color: #326bff;}
.abt2-pic span:hover d{opacity: 1;}
/* .abt2-pic span.on d{opacity: 1;} */

.about-three{padding: 76px 0 80px;}
.about3-con{position: relative;margin-top: 96px;}
.about3-con::before{position: absolute;content: "";width: 100%;height: 2px;background: #e0e0e0;left: 0;top: 50%;}
.abt3-swip{position: relative;}
.abt3-swip .swiper-container{margin-right: -100px;}
.abt3-swip .swiper-slide{width: auto;}
.abt3-slide{background: #f5f5f5;height: 137px; padding: 23px 25px 10px;position: relative;display: inline-block;}
.abt3-slide::before{position: absolute;content: "";width: 2px;height: 28px;background: #e0e0e0;}
.abt3-slide::after{position: absolute;content: "";width: 12px;height: 12px;background: #fff;border-radius: 50%;border: 2px solid #326bff;}
.abt3-slide h3{position: relative;padding-bottom: 13px; font-size: 36px;line-height: 40px;color: #326bff;font-family: "ROBOTO-REGULAR";}
.abt3-slide h3::before{position: absolute;content: "";width: 20px;height: 2px;background: #326bff;left: 0;bottom: 0;}
.abt3-p{margin-top: 7px;}
.abt3-p p{padding-left: 10px; font-size: 16px;line-height: 34px;color: #555;position: relative;}
.abt3-p p::before{position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%; background: #326bff;left: 0;top: 16px;}
.abt3-swip .swiper-slide:nth-child(odd) .abt3-slide::before{top: 100%;left: 23px;}
.abt3-swip .swiper-slide:nth-child(odd) .abt3-slide::after{bottom: -40px;left: 18px;}
.abt3-swip .swiper-slide:nth-child(odd){padding-bottom: 33px;}
.abt3-swip .swiper-slide:nth-child(even) .abt3-slide{margin-top: 205px;}
/* .abt3-swip .swiper-slide:nth-child(even){margin-top: 100%;} */
.abt3-swip .swiper-slide:nth-child(even) .abt3-slide::before{top: -28px;left: 23px;}
.abt3-swip .swiper-slide:nth-child(even) .abt3-slide::after{top: -40px;left: 18px;}



.about-four{}
.abt4-top{}
.abt4-top ul{margin: 0 0.5px;}
.abt4-top li{float: left;width: 50%;padding: 0 0.5px;}
.abt4-pic{overflow: hidden;}
.abt4-pic img{transition: ease .8s;width: 100%;}
.abt4-pic:hover img{transform: scale(1.1);}
.abt4-bot{margin-top: 1px;position: relative;overflow: hidden;}
.abt4bot-bf{position: absolute;height: 100%; width: 50%;right: 0;top: 0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.abt4-font{float: left;width: 50%;padding: 188px 0 210px;}
.abt4-font .sample-tit,.abt4-font .sample-dec{text-align: left;}


.about-five{padding: 76px 0 73px;}
.about5-con{margin-top: 33px;}
.abt5-swip{position: relative;}
.abt5-slide{text-align: center;}
.abt5-pic{overflow: hidden;}
.abt5-pic img{transition: ease .8s;width: 100%;}
.abt5-slide h5{margin-top: 11px; font-size: 18px;line-height: 34px;color: #666;}

.about-six{padding: 75px 0 84px;}
.about6-con{margin-top: 40px;}

.about6-con .punch5-pic{ cursor: pointer; box-shadow: 0 0 13px rgba(0,0,0,.1);}
.lb-data .lb-number{display: none !important;}

@media(max-width:1919px){
	.about-two{padding-top: 210px;}
	.abt2-pic span{width: 220px;height: 220px;line-height: 220px;font-size: 60px;}
	.abt2-pic{width: 410px;height: 380px;}
	.abt2-tit{padding: 40px 0;}
	.abt2-font{right: 50px;}
	
}

@media(max-width:1459px){
.abt3-swip .swiper-container{margin-right: 0;}
.abt3-slide h3{font-size: 30px;}
.about-one,.about-three,.about-five,.about-six{padding: 60px 0;}
.about3-con{margin-top: 40px;}
.abt4-font{padding: 140px 0;}
.abt2-pic span{width: 180px;height: 180px;line-height: 180px;font-size: 50px;}
.abt2-pic{margin-top: 0; width: 335px;height: 310px;}
.about-two{height: 600px;padding-bottom: 60px;}
.abt2-tit{padding: 20px 0;}
.about2-con{padding-right: 260px;}
}

/* ======================== service 服务实力 ==================== */
.service{}
.service .nybanner-txt{text-align: left;}
.service .nybanner-txt h3{line-height: 66px;}
.service .nybanner-txt h5{margin-top: 17px;}
.service .nybanner-txt h3 em{display: block;}
.service .punchbanner-mo{margin: 54px 0 0;}

.service-content{}
.service-one{padding: 76px 0 83px;}
.service1-con{margin-top: 42px;}
.service1-ul{margin: -30px -12.5px;}
.service1-ul li{float: left;width: 33.333%;padding: 0 12.5px;margin-top: 30px;}
.service1-ul li:first-child{margin-left: 16.666%;}
.service1-ul li>div{background: #fff;padding: 47px 48px 41px;padding-right: 20px;}
.service1-icon{float: left; width: 100px;height: 100px;transition: ease .5s; line-height: 96px;border-radius: 50%;background: #223971;text-align: center;}
.service1-ul li:hover .service1-icon{background-color: #326bff;}
.service1-icon img{display: inline-block;}
.service1-font{margin-left: 100px;padding-left: 20px;}
.service1-font h3{font-size: 26px;line-height: 34px;color: #333;}
.service1-font p{margin-top: 12px; font-size: 16px;line-height: 26px;color: #666;}
.service1-font p em{display: block;}
.service1-ul li:hover .service1-font h3{color: #326bff;}

.service-two{padding: 76px 0 0px;}
.service2-con{margin-top: 48px; position: relative;}
.service2-imgs{}
.service2-img{opacity: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;/* transition: ease .5s; */background-size: cover;background-repeat: no-repeat;background-position: center;}
.service2-img.on{opacity: 1;}
.service2-txt{position: relative;padding: 82px 0 50px;height: 538px;}
.service2-ul{width: 634px;margin-left: -40px;}
.service2-ul li{padding: 19px 40px 17px;background: transparent;margin-bottom: 24px;cursor: pointer;}
.service2-ul li.on{background-color: #326bff;margin-bottom: 0;}
.service2-ul li:last-child{margin-bottom: 0;}
.service2-ul li>div{}
.service2-ul li span{float: left;width: 50px;position: relative; display: block;font-size: 46px;line-height: 50px;color: rgba(255,255,255,.3);font-family: "Roboto-Condensed";}
.service2-ul li span::before{position: absolute;content: "";width: 1px;height: 50px;background: rgba(255,255,255,.3);top: 110%;left: 50%;transform: translateX(-50%);}
.service2-ul li:last-child span::before{display: none;}
.service2-ul li.on span{margin-top: -10px;}
.service2-font{margin-left: 50px;padding: 10px 0;padding-left: 30px;}
.service2-ul li.on .service2-font{padding: 0;padding-left: 30px;}
.service2-font h3{font-size: 22px;line-height: 30px;color: #fff;}
.service2-font p{opacity: 0;height: 0;transition: ease .5s; font-size: 16px;line-height: 26px;color: #fff;}
.service2-ul li.on .service2-font p{margin-top: 8px; opacity: 1;height: auto;}


.service-three{padding: 76px 0 80px;}
.service3-con{margin-top: 60px;}
.service3-top{}
.service3-top ul{margin: 0 -5px;}
.service3-top li{float: left;width: 25%;padding: 0 5px;}
.service3-font{}
.service3-font h3{position: relative;padding-left: 20px; font-size: 26px;line-height: 34px;color: #333;font-weight: bold;}
.service3-font h3::before{position: absolute;content: "";width: 3px;height: 26px;background: #326bff;left: 0;top: 4px;}
.service3-font p{margin-top: 12px; font-size: 16px;line-height: 26px;color: #666;}
.service3-font p em{display: block;}

.service3-bot{margin-top: 41px;}
.service3-bot ul{margin: 0 -0.5px;}
.service3-bot li{float: left;width: 33.333%;padding: 0 0.5px;}
.service3-bot li>div{position: relative;}
.service3-pic{overflow: hidden;}
.service3-pic img{transition: ease .8s;width: 100%;}
.service3-bot li:hover .service3-pic img{transform: scale(1.1);}
.service3-txt{padding: 13px 15px; position: absolute;width: 100%;left: 0;bottom: 0;background: rgba(0,0,0,.5);text-align: center; font-size: 18px;line-height: 34px;color: #fff;}

.service-four{padding: 66px 0 95px;}
.service4-con{margin-top: 42px;position: relative;}
.service4-pic{width: 285px;height: 341px;margin: 0 auto;}
.service4-pic img{width: 100%;}
.service4-ul{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.service4-ul1{margin: -83px -185px 0;}
.service4-ul li{float: left;width:50%;padding: 0 185px;margin-top: 83px;}
.service4-font{}
.service4-ul li:nth-child(odd) .service4-font{text-align: right;}
.service4-ul li:nth-child(even) .service4-font{text-align: left;}
.service4-font span{background: linear-gradient(to bottom, rgba(56,141,237,.5), transparent);-webkit-background-clip: text; color: transparent;display: inline-block;font-size: 67px;line-height: 60px; font-family: "Roboto-BoldCondensedItalic";}
.service4-font h4{margin-top: -26px; font-size: 26px;line-height: 34px;color: #333;}
.service4-font p{margin-top: 6px; font-size: 16px;line-height: 28px;color: #666;}
.service4-ul li:hover .service4-font h4{color: #326bff;}


.service-five{padding: 105px 0 90px;}
.service-five .sample-dec,.service-five .sample-tit{color: #fff;}
.service5-con{margin-top: 52px;}
.service5-ul{}
.service5-ul li{}
.service5-ul li h4{color: #fff;}
.service5-ul li span{color: rgba(255,255,255,.5);border-color: rgba(255,255,255,.2);}


@media(max-width:1459px){
.service .nybanner-txt h3{line-height: 55px;}
.service-one,.service-three,.service-five,.service-four{padding: 60px 0;}
.service-two{padding: 60px 0 0;}
.service1-con,.service2-con,.service3-con,.service5-con,.service4-con{margin-top: 35px;}
.service1-font h3,.service3-font h3,.service4-font h4{font-size: 22px;}
.service1-icon{width: 85px;height: 85px;line-height: 82px;padding: 0 21px;}
.service1-ul li>div{padding: 30px 25px;}
.service1-font{margin-left: 85px;}
.service1-font p{margin-top: 8px;}
.service1-ul li:first-child{margin-left: 0;}
.service1-ul li{width: 50%;}
.service1-con{padding: 0 8%;}
.service2-font h3{font-size: 20px;}
.service2-ul li span{font-size: 40px;}
.service2-ul li.on span{margin-top: -6px;}
.service2-ul{width: 600px;margin-left: -10px;}
.service2-txt{padding: 60px 0;height: 500px;}
.service2-ul li.on .service2-font p{margin-top: 3px;}
.service2-ul li span::before{height: 40px;}
.service2-ul li{padding: 13px 30px;}
.service3-font h3{padding-left: 14px;}
.service4-font h4{margin-top: -20px;}
.service4-font span{font-size: 58px;line-height: 50px;}
.service2-ul li.on .service2-font,.service2-font{padding-left: 20px;}
}


/* =========================== proinfo 产品详情 =================== */
.proinfo{}
.proinfo-content{}
.proinfo-one{padding: 90px 0 0px;}
.pri1-con{}
.pri1-left::before{position: absolute;content: "";background: #f5f5f5;width: 100%;height: 460px;left: 0;top:0;}
.pri1-left{float: left;width: 43.28%;padding: 45px 40px;position: relative;}
.pri1-left>div{position: relative;padding-right: 0;}
.jqzoom{background: white; position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:608px;height:460px;overflow:hidden;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.jqzoom img{width:608px;height:460px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left: 0;width:100px;height:100px; background:#ffffff;display:none;text-align:center;overflow:hidden;}
.zoomdiv img{display: inline-block;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width: 20px;height: 20px;border: 1px solid #ccc; background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:608px;height:460px;margin-right: 186px;}
.spec-scroll{width: 143px;height: 460px; position: relative;margin-top: 0px;margin-right: 0;padding: 52px 0;float: right;margin-right: 2px;}
.spec-scroll .prev{top: 0%;text-align: center;}
.spec-scroll .next{bottom: -5px;text-align: center;}
.spec-scroll .prev,
.spec-scroll .next{opacity: 1; z-index: 3;font-weight: bold; position: absolute;left: 50%;margin-left: -15px; width:30px;height:auto;cursor:pointer;line-height: 30px;font-size: 30px;color: rgba(69,78,100,.3);transform: rotate(90deg);}

.spec-scroll .prev:hover,.spec-scroll .next:hover{color: #326bff;}
.spec-scroll .items{width:100%;height: 372px;overflow: hidden;position: relative;}
.spec-scroll .items ul{overflow: hidden;margin: 0 auto;position:relative;margin-right: 0;}
.spec-scroll .items ul li{width:143px;height: 108px;overflow: hidden; margin-top: 16px;padding: 5px;background: #fff;border: 1px solid #e5e5e5;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.spec-scroll .items ul li:first-child{margin-top: 0;}
.spec-scroll .items ul li.hover{border-color: #326bff;}
.spec-scroll .items ul li img{width:100%;height:100%;background: white;}
.spec-scroll .items ul li p{color: #333;font-size: 16px;text-align: center;margin-bottom: 0px;}
.pir-pic{text-align: center;font-size: 0;}
.pir-pic img{display: inline-block;max-width: 100%;}

.pri1-right{float: right;width: 56.72%;padding-left: 0;}
.pri1-font{}
.pri1-font h4{font-size: 26px;line-height: 40px;color: #333;font-weight: bold;}
.pri1-font h6{margin-top: 4px; font-size: 14px;line-height: 24px;color: #666;}
.pri1-font h5{margin-top: 15px; font-size: 16px;line-height: 30px;color: #333;font-weight: bold;}

.pri1-p{margin-top: 3px;max-height: 104px; font-size: 14px;line-height: 26px;color: #666;}
.pri1-mo{margin: 22px 0 0;position: relative; overflow: hidden; display: block;}
.newxq-share{}
.newxq-share a{ display: inline-block !important;  background: none !important;   font-size: 18px !important; width: 32px !important;height: 32px !important; line-height: 31px !important;  text-align: center; border-radius: 50% !important;  border: 1px solid rgba(255,255,255,0.1) !important; color: rgba(255,255,255,1) !important; transition: ease .5s !important; padding-left: 0 !important;text-decoration: none !important; margin-right: 10px !important;margin-bottom: 0px !important;}
.newxq-share a:last-child{margin-right: 0 !important;}
.newxq-share a.icon-weibo{background: #da3c3c !important;}
.newxq-share a.icon-weixin{background: #21ba41 !important;}
.newxq-share a.icon-qq{background: #3e91ee !important;}
.newxq-share a.icon-kongjian{background: #f4c50b !important;}
.newxq-share a.icon-baidu{background: #3245df !important;}
.newxq-share a.icon-share-hole{color: #999 !important;}
.newxq-share .bshare-custom{margin-top: 20px;}
.pri1-share{margin-top: 46px;padding-top: 0;font-size: 0;}
.pri1-share .header-share{float: none;}
.pri1-share span{display: inline-block;font-size: 14px;line-height: 20px;color: #666;}
.pri-page{margin-top: 80px;}
.pri1-share .bshare-custom{margin-top: 0;font-size: 0;}

.pri1-tag{margin-top: 30px; font-size: 0;}
.pri1-tag em{display: inline-block;margin-right: 20px; font-size: 20px;line-height: 40px;color: #333;}
.pri1-tag a{display: block; padding: 0 9px;margin: 0 5px 10px; display: inline-block;font-size: 16px;line-height: 40px;color: #666;border-radius: 3px;border: 1px solid #d6d6d6;}
.pri1-tag a:hover{color: #326bff;border-color: #326bff;}
.pri-tit{border-bottom: 1px solid #e5e5e5;}
.pri-tit h4{display: inline-block;padding-bottom: 2px; margin-bottom: -2px; font-size: 20px;line-height: 40px;color: #333;font-weight: bold;border-bottom: 2px solid #326bff;}

.proinfo-two{padding: 33px 0;}
.pri2-con{margin-top: 24px;}
.pri2-con ul{}
.pri2-con li{margin-top: 14px;}
.pri2-con li:last-child{margin-top: 10px;}
.pri2-con li:first-child{margin-top: 0px;}
.pri2-con li h5{font-size: 16px;line-height: 40px;color: #333;}
.pri2-con li h6{font-size: 16px;line-height: 30px;color: #333;}
.pri2-con li p{font-size: 16px;line-height: 30px;color: #666;}

.pri-three{padding: 0 0 62px;}
.pri3-con{margin-top: 39px;}
.pri-three .sample2-pic{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.pri-three .sample2-bot{padding: 0;}

/* .zoomdiv{left: 500px !important;border: 1px solid #ccc;} */
.zoomdiv{
  z-index:100;
  position:absolute;
  top:0px;left:0px;
  width:100px;
  height:100px;
  background:#fff;
  display:none;
  text-align:center;
  overflow:hidden;
}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

@media  (max-width: 1459px) {
	.spec-scroll{width: 110px;height: 420px;padding: 60px 0;}
	.spec-scroll .items ul li{width: 110px;height: 88px;margin-top: 12px;}
	.spec-preview{margin-right: 125px;}
	.spec-scroll .items{height: 300px;}
	.pri1-share{margin-top: 26px;}
	.pri1-font h4{font-size: 22px;}
	.proinfo-one{padding: 60px 0 0;}
	.pri1-tag em,.pri-tit h4{font-size: 18px;}
	.zoomdiv{left: 300px !important;}
	.jqzoom img,.jqzoom,.spec-preview{width:556px;height:420px;}
	.pri1-left::before{height: 420px;}
}


/* ======================== quality 品质工艺标准 ========================== */
.quality{}
.quality-content{}
.quality .nybanner-txt{text-align: left;}
.quality .nybanner-txt>span{letter-spacing: -6px; display: inline-block;vertical-align: middle;font-size: 136px;line-height: 100px;color: #fff; font-family: "DIN-REGULAR";font-style: italic;}
.quality .nybanner-txt h3{margin-left: 5px; display: inline-block;vertical-align: middle;}
.quality .nybanner-txt h3 em{display: block;}
.quality .guidebanner-mo{margin: 40px 0 0;}
.quality .nybanner-txt h3 em:first-child{margin-left: 15px; padding: 0 12px;text-align: center; display: inline-block;position: relative;}
.quality .nybanner-txt h3 em:first-child::before{position: absolute;content: "";width: 100%;height: 100%;background: #5f5f6a;left: 0;top: 0;transform: skewX(-10deg);}
.quality .nybanner-txt h3 d{position: relative;}
.quality .nybanner-txt h5{margin-top: 17px;}

.quality-one{padding: 76px 0 80px;}
.quality1-con{margin-top: 40px;}
.quality1-ul{margin: -40px -20px 0;}
.quality1-ul li{float: left;width: 33.333%;padding: 0 20px;margin-top: 40px;}
.quality1-ul li>div{background: #fff;}
.quality1-pic{overflow: hidden;}
.quality1-pic img{transition: ease .8s;}
.quality1-ul li:hover .quality1-pic img{transform: scale(1.1);}
.quality1-font{padding: 20px 45px 27px;}
.quality1-font span{margin-left: -20px; background: linear-gradient(to bottom, rgba(56,141,237,.5), #fff);-webkit-background-clip: text; color: transparent;display: inline-block;font-size: 67px;line-height: 60px; font-family: "Roboto-BoldCondensedItalic";}
.quality1-font h4{margin-top: -32px; font-size: 26px;line-height: 46px;color: #333;}
.quality1-font p{margin-top: 2px; height: 52px; font-size: 18px;line-height: 26px;color: #666;}
.quality1-mo{margin-top: 40px;width: 240px;letter-spacing: -1px;}
.quality1-ul li:hover .quality1-font h4{color: #326bff;}

.quality-two{padding: 76px 0 80px;}
.quality2-con{margin-top: 33px;}
.quality2-ul{margin: -30px -15px 0;}
.quality2-ul li{float: left;width: 33.333%;padding: 0 15px;margin-top: 30px;}
.quality2-a{padding: 40px 30px 30px; display: block;background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.quality2-pic{margin-top: -1px; width: 68px;height: 74px;float: right;transition: ease .5s;}
.quality2-pic img{width: 100%;}
.quality2-font{margin-right: 68px;}
.quality2-font h4{font-size: 24px;line-height: 30px;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.quality2-font p{margin-top: 7px; font-size: 16px;line-height: 30px;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.quality2-mo{margin-top: 40px;width: 240px;letter-spacing: -1px;}
.quality2-a:hover .quality2-font h4{color: #326bff;}
.quality2-a:hover .quality2-pic{transform: translateY(-10px);}

.quality-three{padding: 75px 0 70px;}
.quality-three .sample-tit,.quality-three .sample-dec{color: #fff;}
.quality3-con{margin-top: 43px;}
.quality3-ul{margin: -30px -33px 0;}
.quality3-ul li{float: left;width: 16.666%;padding: 0 33px;margin-top: 30px;position: relative;}
.quality3-ul li::before{position: absolute;content: "";width: 9px;height: 14px;background: url(../images/quality3-right.png)no-repeat center;background-size: 100% 100%;right: -4px;top: 50%;transform: translateY(-50%);}
.quality3-ul li:nth-child(6)::before,.quality3-ul li:last-child::before{display: none;}
.quality3-ul li>div{position: relative;text-align: center;}
.quality3-pic{width: 178px;height: 178px;border-radius: 50%;position: relative;margin: 0 auto;overflow: hidden;}
.quality3-pic img{width: 100%;transition: ease .8s;}
.quality3-ul li:hover .quality3-pic img{transform: scale(1.1);}
.quality3-pic::before{position: absolute;z-index: 2; content: "";width: 100%;height: 100%;border-radius: 50%;background: rgba(0,0,0,.3);left: 0;top: 0;}
.quality3-font{position: absolute;z-index: 3; width: 100%;font-size: 18px;line-height: 34px;color: #fff;left: 0;top: 50%;transform: translateY(-50%);}
.quality3-mo{width: 205px;margin-top: 40px;letter-spacing: -1px;}

.quality-four{padding: 75px 0 0;}
.quality4-con{margin-top: 24px;}
.quality4-top{}
.quality4-ul{text-align: center;}
.quality4-ul li{float: left;width: 12.5%;padding: 0 5px; background: transparent;}
.quality4-ul li a{padding: 13px 0; display: block;font-size: 18px;line-height: 34px;color: #333;transition: ease .5s;}
.quality4-ul li.on{border-radius: 5px 5px 0 0;background-color: #326bff;}
.quality4-ul li.on a{color: #fff;}
.quality4-bot{}
.quality4-imgs{position: relative;}
.quality4-img{position: absolute;width: 100%;left: 0;top: 0;transition: ease .5s;opacity: 0;}
.quality4-img img{width: 100%;}
.quality4-img.on{opacity: 1;position: relative;}
.quality4-mo{width: 205px;margin-top: 40px;}

.quality-five{padding: 75px 0 86px;}
.quality5-con{margin-top: 32px;}
.quality5-ul{margin: -20px -10px 0;}
.quality5-ul li{float: left;width: 50%;padding: 0 10px;margin-top: 20px;}
.quality5-pic{overflow: hidden;}
.quality5-pic img{transition: ease .8s;}
.quality5-ul li:hover .quality5-pic img{transform: scale(1.1);}
.quality5-mo{margin-top: 40px;width: 265px;letter-spacing: -1px;}


@media  (max-width: 1459px) {
	.quality .nybanner-txt>span{font-size: 110px;}
	.quality .guidebanner-mo{margin: 25px 0 0;}
	.quality1-font h4,.quality2-font h4{font-size: 22px;}
	.quality1-font p,.quality3-font{font-size: 16px;}
	.quality1-font{padding: 22px 30px;}
	.quality1-font span{font-size: 50px;margin-left: -10px;}
	.quality-one,.quality-two,.quality-three,.quality-five{padding: 60px  0;}
	.quality1-con{margin-top: 35px;}
	.quality3-pic{width: 140px;height: 140px;}
	.quality-four{padding: 60px 0 0;}
	.quality4-ul li{padding: 0;}
	.quality4-ul li a{font-size: 16px;padding: 8px 0;}
	.quality2-pic{width: 60px;height: 65px;}
	.quality1-ul li{padding: 0 15px;margin-top: 30px;}
	.quality1-ul{margin: -30px -15px 0;}
}

.sample2-mo span,.sample2-mo em{transition: ease .5s;}
.abt5-slide:hover .abt5-pic img{transform: scale(1.1);}
.punch5-pic:hover .punch5-pic img{transform: scale(1.1);}
.case3-pic{overflow: hidden;}
.case3-pic img{transition: ease .8s;}
.case3-pic:hover img{transform: scale(1.1);}
.sample2-top:hover .sample2-mo span,
.sample2-top:hover .sample2-mo em{color: #316bff;}
.dow{
    border: 1px solid #eeeeee;
    height: auto;
    display: inline-block;
    position: fixed;
    top: 40%;
    left: 48%;
    background:#FFF;
    z-index:99;
}
.dow p{text-align:center;}
.zzc{
width:100%;
 height:100%;
 background-color:#00000061;
 position:fixed;
 left:0px;
 top:0px;
 display:none;
 z-index:5001;
}
intwobt-img h4{
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}.lpage a.none{display:none;}.flinks dt a{
    font-size: 14px;
    color: rgba(191,191,191,.5);
float: left;
}.flinks dd a{
    font-size: 14px;
    color: rgba(191,191,191,.5);
}
.flinks{margin-bottom:25px}
@media  (max-width: 1459px) {
	.header{position: fixed;top: 0;left: 0;width: 100%;height: 135px;border-bottom: 1px solid rgba(255,255,255,.2);z-index: 5000;background: #fff;transition: ease .5s;}
	.header .logo{display: block;float: left;position: relative;z-index: 1200;margin: 10px 0 10px;}
	.header .logo img{width: 100px; height: auto; }
	.header .logo p{font-size: 14px;line-height: 28px;color: #fff;font-weight: bold;}
	.header-top{transition: ease .5s;}
	.header-slogan{position: relative;float: left;padding-left: 22px;margin-left: 27px;margin-top: 6px;}
	
	.header-slogan::before{position: absolute;content: "";width: 1px;height: 75px;background: #d2d2d2;left: 0;top: 50%;transform: translateY(-50%);}
	.header-slogan h4{font-size: 18px;line-height: 30px;color: #333;font-weight: bold;}
	.header-slogan h6{font-size: 14px;line-height: 30px;color: #525252;}
	
	.header-slogan h6 span{transform: translateY(2px);display: inline-block;font-size: 18px;line-height: 25px;padding: 0 5px 0 7px;margin-right: 7px;color: #fff;font-family: "Roboto-Medium";border-radius: 5px;background: #223971;}
	.header-call{margin: 10px 0 10px;float: right;position: relative;}
	.header-call::before{position: absolute;content: "";width: 50px;height: 50px;background: url(../images/head-call.png)no-repeat center;background-size: 100% 100%; bottom: 0px;right: 0;}
	.header-call h3{font-size: 20px;line-height: 30px;color: #333;font-family: "OPENSANS-BOLD";}
	.header-call p{margin-top: 2px; font-size: 14px;line-height: 24px;color: #666;text-align: right;}
	.header-bj{margin: 18px 0px 18px;margin-left: 28px;}
	.home-banner {margin-top: 135px;}
}
table tr td{padding: 0px 10px;}
table  span{/* background-color: #0000 !important; */}